@media screen and (max-width: 576px) {
    .table {
        &-adaption {
            border: none;
            thead {
                display: none;
            }
            tbody {
                tr {
                    display: block;
                    padding:0 $padding-base-vertical * 2;
                    margin-bottom: $margin-base-vertical * 2;
                    border: 1px solid $color-border;
                }
                td {
                    display: block;
                    border:none !important;
                    border-top: none !important;
                    border-bottom: 1px dotted $color-border !important;
                    text-align: right;
                    &:before {
                        content: attr(data-label);
                        float: left;
                        font-weight: bold;
                    }
                    &:last-child {
                        border-bottom: none !important;
                    }
                }
            }
        }
    }
}
.bootstrap-table {
    .table {
        border-bottom: none !important;
        & > thead > tr > th {
            border-bottom-width: 2px !important;
        }
    }
    .card-views {
        margin: -8px;
        padding: 5px 10px;
    }
    .card-view {
        padding:$padding-base-vertical 0;
        border-bottom: 1px dotted $color-border;
    }
}